/*自己写的每个页面公共css */

image {
	height: auto;
}
.d-block {
	display: block;
}
.d-flex {
	display: flex;
	align-items: center;
}
.d-flex-jsb {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.d-flex-around {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.d-flex-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.flex-column {
	flex-direction: column;
}
.flex-wrap {
	flex-wrap: wrap;
}
.w-100 {
	width: 100%;
}
.h-100 {
	height: 100%;
}
.hv-100 {
	height: 100vh;
}
.radius-10 {
	border-radius: 10rpx;
}
.radius-20 {
	border-radius: 20rpx;
}
.radius-50 {
	border-radius: 50%;
}
.bor-box {
	box-sizing: border-box;
}
.text-center {
	text-align: center;
}
.z-fixed {
	position: fixed;
}
.z-absolute {
	position: absolute;
}
.z-relative {
	position: relative;
}
.margin-0-auto {
	margin: 0 auto;
}
.margin-auto {
	margin: auto;
}
.over-hide {
	overflow: hidden;
}
.none-txt {
	text-align: center;
	color: #434343;
	font-size: 26rpx;
	padding: 20rpx 0;
}

/* 配色 */

$tian-color-orangered: #ff7328; // 橘红
$tian-color-darkblue: #04376e; // 深蓝

$tian-color-fruitgreen: #a2bc13; // 果绿
$tian-color-inkblue: #013a4b; // 墨蓝

$tian-color-kleinblue: #002ea5; // 克莱因蓝
$tian-color-coldgray: #9fa1a3; // 冷灰

$tian-color-lakeblue: #097a9b; // 湖水蓝
$tian-color-mangoyellow: #ecbf4d; // 芒果黄
$tian-color-lotuscolor: #deb4aa; // 藕粉
$tian-color-greenblue: #0e4e61; // 深青蓝

$tian-color-grayblue: #96adbd; // 灰蓝
$tian-color-lightcoffee: #7a5a40; // 浅咖

$tian-color-beige: #ddc5a6; // 浅驼
$tian-color-darkgray: #4b4b4e; // 深灰

$tian-color-lightgrayblue: #c6d4de; // 浅灰蓝
$tian-color-darkcoldgray: #797d83; // 深冷灰

$tian-color-pink: #ffdeb0; // 淡黄
$tian-color-warmgray: #858078; // 暖灰

$tian-color-pink: #f6bcbc; // 粉红
$tian-color-gray: #787878; // 灰色

$tian-color-graygreen: #5f8a95; // 灰青
$tian-color-lightwarmgray: #ceccc7; // 浅暖灰
$tian-color-darkwarmgray: #4a4844; // 深暖灰

$tian-color-lightgreen: #afafaf; // 浅灰
$tian-color-huigreen: #5c6451; // 灰绿
$tian-color-graypurple: #6a5d78; // 灰紫
